<!DOCTYPE html>
<html>
    <head>
        <title>Mestranger-我的陌生人</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport"
                content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <meta name="description" content="mestranger--遇见陌生人 遇见奇妙的人 一对一随机匹配聊天 认识新朋友 很高兴不认识你，陌生人 匿名聊天">
        <meta name="baidu-site-verification" content="QrTNMT79kd" />
        <link rel="stylesheet" href="css/amazeui.min.css"/>
        <link type="text/css" rel="stylesheet" href="css/style.css">
		<meta name="Author" content="liuchang" />
        <script src="js/jquery.js"></script>
        <script>
        function init_window()
        {
   //      	$('#main').height($(window).height()-$('#header').height());
         	$('#content').width($('#chat_window').width()-$('#disconnectwrapper').width()*2-45);
        	
			 var space = 50;
			 if (navigator.userAgent.match(/msie\s7/i)) space = 50;
			 if (navigator.userAgent.match(/msie\s6/i)) space = 50;
	
         	$('#chat_window').height($(window).height()-$('header').height()-$('#chat_bottom').height()-space);
        }
        init_window();
        window.onresize = init_window;
        var lang = 
        {
        	send_error:'error',
        	bye:'Bye!',
        	online_num:'Onlines: ',
        	waiting:'等待下一个陌生人...',
        	me:'<span style="color:#333">我：</span>',
        	stranger:'<span style="color:#49e">陌生人：</span>',
        	connected:'<span style="color:orange">一个 陌生人 连接了. 打个招呼吧!</span>',
        	disconnected:'陌生人 离开了.',
        	typing:'<span style="font-size:12px;color:#999">对方输入中 ...</span>',
        	reconnect:'寻找下一个陌生人',
        	download:'保存聊天记录',
        	logining:'连接中 ...',
        	logined:'连接成功',
        	you_disconnect:'你结束了一段对话 .',
        	contact_me:'&nbsp;<a href="mailto:tastychang@gmail.com" target="_blank">Contact webmaster.</a>',
			new_msg:'新消息 !-- Mestranger',
			serverError: '连接错误，请稍后再试!'
        };
        </script>
        <script src="js/chat.js"></script>
    </head>
    <body>
    <header class="am-topbar am-topbar-fixed-top">
            <h1 class="am-topbar-brand">
                <a href="/"><img src="../images/logo.png" alt="Mestranger"></a>
            </h1>
            <div class="pull-right">
                <span class="am-icon-comment"></span> 在线人数：<span id="online_num"></span>
            </div>           
    </header>
    <div id="description">
        <div class="get">
          <div class="am-g">
            <div class="am-u-lg-12">
              <h1 class="get-title">Mestranger 我的陌生人</h1>

              <p>
                很高兴不认识你，陌生人。
              </p>

              <p>
                <a href="javascript:init_chat();" class="am-btn am-btn-sm get-btn">开始旅程</a>
              </p>
            </div>
          </div>
        </div>

        <div class="detail">
          <div class="am-g am-container">
            <div class="am-u-lg-12">
              <h2 class="detail-h2">“Meet the stranger”,遇见奇妙的人。</h2>

              <div class="am-g">
                <div class="am-u-lg-6 am-u-md-6 am-u-sm-12 detail-mb">

                  <h3 class="detail-h3">
                    <i class="am-icon-mobile am-icon-sm"></i>
                    随机
                  </h3>

                  <p class="detail-p">
                    Mest 是一个在线认识新朋友的全新服务。当你登录 Mest 时，我们随机选取另外一个用户和你搭配一对一的聊天。
                  </p>
                </div>
                <div class="am-u-lg-6 am-u-md-6 am-u-sm-12 detail-mb">
                  <h3 class="detail-h3">
                    <i class="am-icon-cogs am-icon-sm"></i>
                    匿名
                  </h3>

                  <p class="detail-p">
                    整个对话是在匿名状态下进行的，当然，这并不会限制你向你的陌生朋友透露你的联系方式以获取更进一步的联络。
                  </p>
                </div>
                <div class="am-u-lg-6 am-u-md-6 am-u-sm-12 detail-mb">
                  <h3 class="detail-h3">
                    <i class="am-icon-check-square-o am-icon-sm"></i>
                    相遇
                  </h3>

                  <p class="detail-p">
                    只能实时聊天，过时不候。错过的陌生人，很可能永远的擦肩。
                  </p>
                </div>
                <div class="am-u-lg-6 am-u-md-6 am-u-sm-12 detail-mb">
                  <h3 class="detail-h3">
                    <i class="am-icon-send-o am-icon-sm"></i>
                    规则
                  </h3>

                  <p class="detail-p">
                    要善良。
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="hope">
          <div class="am-g am-container">
            <div class="am-u-lg-4 am-u-md-6 am-u-sm-12 hope-img">
              <i class="am-icon-warning"></i>
              <hr class="am-article-divider am-show-sm-only hope-hr">
            </div>
            <div class="am-u-lg-8 am-u-md-6 am-u-sm-12">
              <h2 class="hope-title">警告！</h2>

              <p>
                我们无法规避如同现实社会中一样的社交风险！请不要随意相信陌生人，不要随意透露隐私信息、金融信息、敏感数据等。
                礼貌聊天，文明交友。请遵守当地有关法律法规，不要撒播谣言，传播色情信息，以及发送垃圾信息干扰用户正常使用。
              </p>
            </div>
          </div>
        </div>

        <div class="about">
          <div class="am-g am-container">
            <div class="am-u-lg-12">
              <h2 class="about-title about-color">Mestranger 崇尚开放、自由</h2>
            </div>
          </div>
        </div>

        <footer class="footer">
          <p>© 2015 <a href="http://www.mestranger.com" target="_blank">mestranger</a>. All Rights Reserved </p>
        </footer>
</div>
    <div id="chat" class="am-g am-u-sm-12" style="display:none">
                <div id="chat_window">
                </div>
                
                <div id="chat_bottom">
                <hr>
                    <div id="disconnectwrapper" class="am-btn am-btn-success am-radius" onclick="disconnect()">
                        断开连接
                    </div>
                    <textarea id="content"></textarea>
                    <div id="sendwrapper" onclick="send_bt()" class="am-btn am-btn-warning am-radius">发送</div>
                </div>       
    </div>
            


			
		<script src="/socket.io/socket.io.js"></script>
    </body>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?7b5fbd06b41de557a7ab6d66ec683d98";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>

</html>